<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <p>
        This spacious paragraph features
        <small>
            tiny text that is just as spacious paragraph
        </small>
    </p> -->
    <!-- 空白符的处理 -->
    <p>This paragraph has many spaces i n it</p>
    <table border="1">
        <tr>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
            <td>The contents of this cell are not wrapped</td>
        </tr>
        

    </table>

</body>
<style>
    /* p {
        white-space: pre;
    } */
    /* td {
        white-space: nowrap;
    } */

    /* p {
        letter-spacing: 0.25em;
        font-size: 20px;

    }

    small {
        font-size: 50%;
    } */
</style>

</html>